<#assign menuId=3>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>打样详情-${Application.systemName!}</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- bootstrap 3.0.2 -->
        <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../css/AdminLTE.css" rel="stylesheet" type="text/css" />
        <link href="../css/myself.css" rel="stylesheet" type="text/css" />
		<!--datetimepicker-->
		<link rel="stylesheet" type="text/css" href="../css/datetimepicker/bootstrap-datetimepicker.min.css"/>
		<link href="../css/myself.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="../css/bootstrapValidator.min.css"/>
		
        <script type="text/javascript" src="../js/jquery.min.js"></script>
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    	<style type="text/css">
    		*{
    			margin: 0;
    			padding: 0;
    		}
    		ul li{
    			list-style: none;
    			margin-top: 10px;
    		}
    		.marginTOP10, .custormView{
    			margin-top: 10px; 
    		}
    		.marginTOP10:nth-child(1) {
    			margin-top: 20px;
    		}
    		.conter_jiben{
    			margin-bottom: 10px;
    		}
    		.pull-left{
    			border-left: 6px solid #3882FF;
    			padding: 0 5px;
    		}
    		.people li{
        		float: left;
        		width: 25%;
        		padding: 5px; 
        	}
    		.custormView tr th{
    			text-align: center;
    		}
	        a{
	        	cursor: pointer;
	        }
	        .row{
		        	padding: 0 0 0 5px;
		    }
		    .bold{
		    	font-size: 14px;
		    	font-weight: bold;
		    }
		    .navbar-nav > .user-menu > .dropdown-menu > li.user-header {
			    margin: 0;
			}
	    	/*新增样式*/
    		.ol_left{
	            width: 100%;
	            height: 30px;
	            line-height: 30px;
	            padding: 0;
	        }
	        .ol_left>li{
	            float: left;
	            margin-right: 5px;
	        }
	        .ol_left li, .ol_left{
	        	margin-bottom: 0;
	        }
	        /* 弹出大图样式 */
			.Image{
				width: 960px;
			}
			.Image .modal-body {
				position: relative;
			}
			.Image .modal-body img{
				width: 100%;
				height: 540px;
				cursor: pointer;
				position: absolute;
				top: 0;
				left: 0;
				z-index:99;
			}
			.iconR, .iconL{
				position: absolute;
				top: 50%;
				font-size: 50px;
				color: #3882ff;
				cursor: pointer;
				opacity: 0.7;
				margin-top: 20%;
				z-index:2000;
			}
			.iconL{
				left: 10px;
			}
			.iconR{
				right: 10px;
			}
			.tc2_content1_d2{
                width: 90px;
                height: 30px;
                background-color: #5f6571;
                color: #fff;
                text-align: center;
                line-height: 30px;
                border-radius: 15px 0 0 15px;
                position: absolute;
                right: 0;
                top: 20px;
                font-weight: bold;
                z-index:999;
            }
            
            .left-side{
            	display: block;
            }
    	</style>
    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
         <#include "../header.html"/>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <!-- Left side column. contains the logo and sidebar -->
            <#include "../menu.html"/>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">
            	<section class="content-header">
                    <h1>打样订单详情
                    </h1>
                    <div class="breadcrumb">
                     <#if (Session["permisionMap"]["F204"]??)  && proofingOrderResult.status==99>
               			<button type="button" onclick="saveClose(${proofingOrderResult.id})" class="btn btn-warning">关闭订单</button>
               		 </#if>
							                    		
					<#if (Session["permisionMap"]["F205"]??)  && proofingOrderResult.status==99 && proofingOrderResult.productionOrderList?size == 0>
               			
               			<button type="button" onclick="window.location.href='../productionorder/create?orderId=${proofingOrderResult.orderId}&proofingOrderId=${proofingOrderResult.id}'" class="btn btn-primary">创建大货订单</button>
               		 </#if>
						
                     </div>
                    <ol class="ol_left">
		                <li>当前位置：</li>
		                <li><a href="list?pageNo=1">打样订单</a></li>
		                <li>> 打样订单详情</li>
		            </ol>
		            <hr class="no-margin" />
               </section>
                <!-- Content Header (Page header) -->
                <section class="content">
                    <div class="row">
                    	<div class="col-md-12">
                            <div class="box">
		                    <div class="clearfix center" style="vertical-align: middle;">
		                    	<span class="pull-left bold">订单信息</span>
                                          <a href="javaScript:;">查看详情</a>
                                 <div class="pull-right">
		                    		<span class="six-font">共${proofingOrderResult.proofingPatternResults?size}件</span>
                             
                                    <#if proofingOrderResult.enddateCnt??>
                                      <#if proofingOrderResult.enddateCnt gt 0>
                                      <span class="six-font ">剩余 <span>${proofingOrderResult.enddateCnt?abs}</span>天</span>
                                      </#if>
                                      <#if proofingOrderResult.enddateCnt lt 0>
                                      <span class="six-font red">超期<span>${proofingOrderResult.enddateCnt?abs}</span>天</span>
                                      </#if>
                                      <#if proofingOrderResult.enddateCnt == 0>
                                      <span class="six-font ">剩余 <span>${proofingOrderResult.enddateCnt?abs}</span>天</span>
                                      </#if>
                                    </#if>
			                    </div>
                                <div class="conter clearfix">
                                <div class="conter_jiben col-md-12 marginTOP10 bold no-padding">订单基本信息</div>
                                <table class="table table-bordered text-center">
                                    <tr>
                                        <td class="no-border" width="8%">订单编号：</td>
                                        <td class="no-border text-left" width="42%" style="">${proofingOrderResult.code}</td>
                                        <td class="no-border" width="8%">订单创建时间：</td>
                                        <td class="no-border text-left" width="42%">${proofingOrderResult.createAt?string("yyyy-MM-dd HH:mm")}</td>
                                        
                                    </tr>
                                    <tr>
                                    	<td class="no-border" width="8%">销&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;售： </td>
                                    	<td colspan="3" class="text-left no-border" width="92%">${proofingOrderResult.creatorZh!}</td>
                                    </tr>
                                </table>
                                <div class="conter_jiben col-md-12 bold no-padding">客户信息</div>
                                <table class="table table-bordered">
                                    <tr>
                                        <td width="10%" class="text-center">
                                        	<table class="table no-margin">
                                        		<tr><td style="border: 0;">客户编号</td></tr>
                                        		<tr><td style="border: 0;">客户名称</td></tr>
                                        		<tr><td style="border: 0;">客户分类</td></tr>
                                        		<tr><td style="border: 0;">网&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址</td></tr>
                                        		<tr><td style="border: 0;">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注</td></tr>
                                        	</table>

                                        </td>
                                        <td width="40%" >
                                        	<table class="table no-margin">
                                        		<tr><td style="border: 0;">&nbsp;${proofingOrderResult.customer.code!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${proofingOrderResult.customer.fullname}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${proofingOrderResult.customer.category!}</td></tr>
                                        		<tr><td style="border: 0;"><a href="${proofingOrderResult.customer.web!}">&nbsp;${proofingOrderResult.customer.web!}</a></td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${proofingOrderResult.customer.memo!}</td></tr>
                                        	</table>
                                        </td>
                                        <td width="10%" class="text-center">
                                        	<table class="table no-margin">
                                        		<tr><td style="border: 0;">客户等级</td></tr>
                                        		<tr><td style="border: 0;">客户简称</td></tr>
                                        		<tr><td style="border: 0;">公司地址</td></tr>
                                        		<tr><td style="border: 0;">收件地址</td></tr>
                                        	</table>
                                        </td>
                                        <td width="40%" >
                                        	<table class="table no-margin">
                                        		<tr><td style="border: 0;">&nbsp;${proofingOrderResult.customer.level!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${proofingOrderResult.customer.abbreviation!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${proofingOrderResult.customer.province!} ${proofingOrderResult.customer.city!} ${proofingOrderResult.customer.area!} ${proofingOrderResult.customer.detailAddress!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${proofingOrderResult.customer.deliveryAddress!}</td></tr>
                                        	</table>
                                        </td>
                                    </tr>
                                    <#list proofingOrderResult.customer.contacts as contact>
                                    <tr>
                                        <td>
                                        	<table class="table no-margin">
                                        		<tr><td class="no-border text-center">联系人姓名</td></tr>
                                        		<tr><td class="no-border text-center">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱</td></tr>
                                        	</table>
                                        </td>
                                        <td>
                                        	<table class="table no-margin">
                                        		<tr><td style="border: 0;">&nbsp;${contact.linkman!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${contact.email!}</td></tr>
                                        	</table>
                                        </td>
                                         <td>
                                         	<table class="table no-margin">
                                        		<tr><td class="no-border text-center">联系方式</td></tr>
                                        		<tr><td class="no-border text-center">职位/部门</td></tr>
                                        	</table>
                                        </td>
                                        <td>
                                        	<table class="table no-margin">
                                        		<tr><td style="border: 0;">&nbsp;${contact.contact!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${contact.deptPosition!}</td></tr>
                                        	</table>
                                        </td>
                                    </tr>
                                    </#list>
                                </table>
                                <div class="conter_jiben col-md-12 marginTOP10 bold no-padding">产品信息</div>
                                <table class="table table-bordered">
                                    <tr>
                                        <td width="10%" class="text-center">
                                        	<table class="table no-padding no-margin">
                                        		<tr><td style="border: 0;">产品品类</td></tr>
                                        		<tr><td style="border: 0;">附&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;件</td></tr>
                                        	</table>
                                        </td>
                                        <td width="40%">
                                        	<table class="table no-margin no-padding">
                                        		<tr>
	                                        		<td style="border: 0;">
	                                        			<#if proofingOrderResult.customer.productCategory?size!=0>
					                    				<#list proofingOrderResult.customer.productCategory as productCategory>
					                    					 ${productCategory} 
					                    				</#list>
					                    				<#else>/
					                    				</#if>
	                                        		</td>
                                        		</tr>
                                        		<tr>
                                        			<td style="border: 0;">
                                        				<#if proofingOrderResult.customer.attachment?size!=0>
					                    				<#list proofingOrderResult.customer.attachment as attach>
					                    				
					                    				<span id="fileName1">${attach.originName!}</span>
					                    				<a href="../businessfile/downFile?businessFileId=${attach.id!}" class="down"><i class="iconfont down-i"></i>点击下载</a>	
					                    				
					                    				
					                    				
					                    				<!-- ${attach.businessFile?substring(13)}<a href="../customer/downFile?filename=${attach.businessFile}">点击下载</a> -->
					                    				</br>
					                    				</#list>
					                    				<#else>/
					                    				</#if>
                                        			</td>
                                        		</tr>
                                        	</table>
                                        </td>
                                        <td width="10%" class="text-center">
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">风格</td></tr>
                                        	</table>
                                        </td>
                                        <td width="40">
                                        	<table class="table no-margin no-padding">
                                        		<tr>
                                        			<td style="border: 0;">
                                        				<#if proofingOrderResult.customer.styleLabel?size!=0>
						                    			<#list proofingOrderResult.customer.styleLabel as styleLabel>
						                    				<span class="biaoqian">${styleLabel!}</span>
						                    			</#list>
						                    			<#else>/
						                    			</#if>
                                        			</td>
                                        		</tr>
                                        	</table>
                                        </td>
                                    </tr>
                                </table>
                                <div class="conter_jiben col-md-12 marginTOP10 bold no-padding">销售信息</div>
                                <table class="table table-bordered">
                                    <tr>
                                        <td width="10%" class="text-center">
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">目标人群</td></tr>
                                        		<tr><td style="border: 0;">销售价格</td></tr>
                                        		<tr><td style="border: 0;">上新频率</td></tr>
                                        	</table>
                                        </td>
                                        <td width="40%">
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">&nbsp;${proofingOrderResult.customer.targetConsumer!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${proofingOrderResult.customer.salePrice!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${proofingOrderResult.customer.updateFrequency!}</td></tr>
                                        	</table>
                                        </td>
                                        <td width="10%" class="text-center">
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">销&nbsp;&nbsp;&nbsp;售&nbsp;&nbsp;&nbsp;渠&nbsp;&nbsp;&nbsp;道</td></tr>
                                        		<tr><td style="border: 0;">预计年销售额</td></tr>
                                        		<tr><td style="border: 0;">上&nbsp;&nbsp;&nbsp;新&nbsp;&nbsp;&nbsp;数&nbsp;&nbsp;&nbsp;量</td></tr>
                                        	</table>
                                        </td>
                                        <td width="40%" class="text-center" >
                                        	<table class="table no-margin no-padding">
                                        		<tr><td style="border: 0;">&nbsp;${proofingOrderResult.customer.saleChannel!}</td></tr>
                                        		<tr><td style="border: 0;">&nbsp;${proofingOrderResult.customer.saleAmount!}</td></tr>
                                        		<tr><td style="border: 0;">
                                        		<#if proofingOrderResult.customer.updateCount??>
                                        		${proofingOrderResult.customer.updateCount!}款/次
                                        		</#if>
                                        		</td></tr>
                                        	</table>
                                        </td>
                                    </tr>
                                </table>
                                <div class="conter_jiben col-md-12 marginTOP10 bold no-padding">客户需求</div>
                                <table class="table table-bordered">
                                    <tr>
                                        <td class="text-center" width="10%">
                                            需求描述
                                        </td>
                                        <td width="90%">&nbsp;
                                           ${proofingOrderResult.requirement!}
                                        </td>
                                       
                                    </tr>
                                </table>
                            </div>
			                    
		                    </div>
                            <div class="center">
                                <table class="table table-bordered custormView" style="border-collapse: 0;">
                                       <tr>
                                        	<td width="10%" class="text-center">
                                        		打样截止时间
                                        	</td>
                                        	<td width="40%">&nbsp;
                                        	<#if proofingOrderResult.proofingEnddate??>
												${proofingOrderResult.proofingEnddate?string("yyyy-MM-dd HH:mm")}
												</#if>
                                        		
                                        	</td>
                                        	<td width="10%" class="text-center">大货截止时间</td>
                                        	<td width="40%">
                                        		&nbsp;
												<#if proofingOrderResult.productionEnddate??>
												${proofingOrderResult.productionEnddate?string("yyyy-MM-dd HH:mm")}
												</#if>
                                        	</td>
                                        </tr>
                                    <tr>
                                    	<td class="text-center">客户需求</td>
                                		<td colspan="3">&nbsp;
                                    		${proofingOrderResult.requirement!}
                                    	</td>
                                    </tr>
                                </table>
                                <div class="clearfix">
                                    <span class="pull-left bold" style="margin-bottom: 10px;">打样款型</span>
                                </div>
                                <input type="checkbox" id="check-all"/>&nbsp;&nbsp;&nbsp;全选&nbsp;&nbsp;&nbsp;
                      
                                <!-- <#if (Session["permisionMap"]["F210"]??)></#if> --> 
                                            <#if proofingOrderResult.manager??>
                                                <#if (Session["permisionMap"]["F200"]??)  && proofingOrderResult.manager==Session["userId"]>
                                             	<button type="button" onclick="openNotice()" class="btn btn-primary btn-sm">填写通知单</button>
							                    		
                                               </#if>
							                    			
							              </#if>      		
                                <#list proofingOrderResult.proofingPatternResults as proofingPatternResult>
                                <table class="table table-bordered custormView">
                                    <tr>
                                        <td colspan="2"  class="left-text">
                                        <span><#if proofingPatternResult.status == 20><input type="checkbox" name="chk" value="${proofingPatternResult.id!}"/></#if></span>
                                            <span>
                                            	<#if proofingPatternResult.createdAt??>
												${proofingOrderResult.createdAt?string("yyyy-MM-dd")}
												</#if>
                                            </span>
                                            <span style="font-weight: bold">子订单号：${proofingPatternResult.code!}</span>
                                            
                                            
                                        	<#if (Session["permisionMap"]["F212"]??)>
										  <a href="../orderpattern/showEditPage?id=${proofingPatternResult.orderPatternId}&proofingOrderId=${proofingPatternResult.proofingOrderId!}" class="fr bule-border">查看设计稿</a>
                                         
										</#if>
											<a href="../orderpattern/detail?id=${proofingPatternResult.orderPatternId}&proofingOrderId=${proofingPatternResult.proofingOrderId!}" class="fr bule-border">编辑设计稿</a>
                                         
                                        
                                        </td>
                                    </tr>
                                    <tr>
                                        <td width="45%">
                                            <span class="Design_draft"><img style="height: 270px;width: 480px" src="${Application.accessFileUrl!}${proofingPatternResult.mainImage!}" alt="" onclick="showImage('${proofingPatternResult.orderPatternId!}','${proofingPatternResult.mainImage!}')" data-toggle="modal" data-target="#show_image"/></span>
                                        </td>
                                        <td class="rel" style="vertical-align: top;">
                                            <i class="design-icon"></i>
                                            <div class="design-text">
                                                <p>设计编号：<span>${proofingPatternResult.code!}</span></p>
                                                <p>款号：<span>${proofingPatternResult.patternNo!}</span></p>
                                                <p>年份：<span>${proofingPatternResult.period!}</span></p>
                                                <p>季节：<span>${proofingPatternResult.season!}</span></p>
                                                <p>性别：<span>${proofingPatternResult.sex!}</span></p>
                                                <#list proofingPatternResult.styleLabelConstants as style>
                                                <span class="bule-border">${style.name!}</span>
                                                </#list>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2"  class="right-text">
                                        	<span class="pull-left" style="border: none;">
                                        		打样件数：${proofingPatternResult.dyCnt!}
                                        	</span>
                                            <span class="pull-right">

                                             

                                                <#if proofingOrderResult.manager?? && (Session["permisionMap"]["F200"]??) && proofingOrderResult.manager==Session["userId"]>
                                                <#if proofingPatternResult.status gt 20>
                                             	<a href="fillNotice?ids=${proofingPatternResult.id}&proofingOrderId=${proofingOrderResult.id}" class="btn btn-primary btn-sm">修改打样通知单</a>
                                             	<#if (Session["permisionMap"]["F208"]??)>
                                             <a href="downPdf?id=${proofingPatternResult.id!}" class="btn btn-primary btn-sm">下载打样通知单</a>
                                               </#if>
                                                <#else>
                                                <a href="fillNotice?ids=${proofingPatternResult.id}&proofingOrderId=${proofingOrderResult.id}" class="btn btn-primary btn-sm">填写打样通知单</a>
                                                </#if>
                                               </#if>
                                               
                                               <#if (Session["permisionMap"]["F203"]??)  && proofingPatternResult.status == 22>
							                    		
							                    			<a name="quote"  class="btn btn-primary btn-sm" data-toggle="modal" data-target="#bidprice_add">报价</a>
							                    		
							                    		
								                            <div class="modal fade" id="bidprice_add"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
									
				<div class="modal-dialog">
					<div class="modal-content">
			<div class="modal-header clearfix">
																	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
																		&times;
																	</button>
																	<h4 class="modal-title pull-left no-border no-padding" id="myModalLabel">
																	报价
																	</h4>
																</div>
						<div class="modal-body">
							<form class="form-horizontal"  role="form" id="bidprice_add_form">

  <div class="form-group">
                  <label for="inputEmail3" class="col-sm-2 control-label">成本价</label>

                  <div class="col-sm-10">
                    <input class="form-control" name="costPrice" placeholder="成本价" value="" type="text">
                  </div>
                </div>
                <div class="form-group">
                  <label for="inputEmail3" class="col-sm-2 control-label">最低销售价</label>

                  <div class="col-sm-10">
                    <input class="form-control" name="minSalePrice" placeholder="最低销售价" type="text">
                  </div>
                </div>
                <div class="form-group">
                  <label for="inputEmail3" class="col-sm-2 control-label">市场零售价</label>

                  <div class="col-sm-10">
                    <input class="form-control" name="salePrice" placeholder="市场零售价" type="text">
                  </div>
                </div>
			            </form>	
						</div>
						<div class="modal-footer">
							<button type="button" onclick="saveBidPriceAdd('bidprice_add_form',${proofingPatternResult.id},${proofingPatternResult.proofingOrderId!})" class="btn btn-primary">确定
							</button>
							<button type="button" class="btn btn-default" name="repeal" data-dismiss="modal">
								取消
							</button>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal -->
			</div>
							                    		</#if>
                                               
                                               <#if (Session["permisionMap"]["F202"]??)  && proofingPatternResult.status ==21>
							                    			<button type="button" onclick="saveMakeStatus(${proofingPatternResult.id},${proofingOrderResult.id})" class="btn btn-primary btn-sm">批版通过</button>
							                    		</#if>
                                                <#if (Session["permisionMap"]["F206"]??)>

                                                
                                                  <a class="btn btn-primary btn-sm" data-toggle="modal" data-target="#myModal_${proofingPatternResult_index}">查看尺码表</a>
                                                    <div class="modal fade" id="myModal_${proofingPatternResult_index}"  tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
																
														<div class="modal-dialog" style="width:800px">
															<div class="modal-content">
																<div class="modal-header clearfix">
																	<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
																		&times;
																	</button>
																	<h4 class="modal-title pull-left no-border no-padding" id="myModalLabel">
																		面料信息
																	</h4>
																</div>
																
																<div class="modal-body">
																${proofingPatternResult.accessoryDetail!}
											                  
																</div>
																<div class="modal-footer">
																	
																	<button type="button" class="btn btn-default" data-dismiss="modal">
																		取消
																	</button>
																</div>
															</div><!-- /.modal-content -->
														</div><!-- /.modal -->
														
													</div></#if>
                                                    
                                               <!-- 

                                                <#if (Session["permisionMap"]["F201"]??)>
                                                	<button type="button" onclick="uploadSizefile(${proofingPatternResult.id},${proofingOrderResult.orderId})" class="btn btn-primary">上传尺码表</button>
							                    		
                                                </#if>
 -->     
                                            </span>
                                        </td>
                                    </tr>
                                </table>
                                </#list>
                               
                            </div>
                        </div><!-- /.box -->
                    </div><!-- /.col -->
                        
                </div><!-- /.row -->
                    
            </section>
            </aside><!-- /.right-side -->
            
            <div class="modal fade" id="show_image" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog Image">
					<div class="modal-content">
						<div class="modal-body">
							<!-- <img src="../images/Design_draft_03.jpg" alt="" />
							<img src="../images/Design_draft_03.jpg" alt="" /> -->
							<!-- <div class="iconR">&lt;</div>
							<div class="iconL">&gt;</div> -->
							<i class="fa fa-chevron-right iconR"></i>
							<i class="fa fa-chevron-left iconL"></i>
							<div class="tc2_content1_d2">&lt;   <span id="num">1</span>  /   <span id="max">1</span>   &gt;</div>
						</div>
					</div><!-- /.modal-content -->
				</div><!-- /.modal -->
			</div>
			
        </div><!-- ./wrapper -->

	
        <!-- jQuery 2.0.2 -->
        <script src="../js/jquery.min.js"></script>
        <!-- Bootstrap -->
        <script src="../js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../js/AdminLTE/app.js" type="text/javascript"></script>
        <!-- AdminLTE for demo purposes -->
    	<!--datetimerpicker-->
		<script src="../js/plugins/datetimerpicker/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
	<script src="../js/bootstrapValidator.min.js" type="text/javascript"></script>
       	
		<script src="../js/plugins/datetimerpicker/locales/bootstrap-datetimepicker.zh-CN.js" type="text/javascript"></script>
    </body>
    <script type="text/javascript">
    	
		
			$(function() {
			    $('.form_datetime').datetimepicker({
			    	format: 'yyyy-mm-dd hh:00',
			    	language:  'zh-CN',    
		            weekStart: 1,  
		            todayBtn:  1,  
		            autoclose: 1,  
		            todayHighlight: 1,  
		            startView: 2,  
		            forceParse: 0,  
		            showMeridian: 0,
		            minView: 1,
		            startDate: new Date()
			    });
			});
			function saveClose(proofingOrderId){
	        	$.ajax({  
		            type : "POST",  
		            url : "saveClose",   
		            dataType : "json",  
		            data:{proofingOrderId:proofingOrderId}, 
		            success : function(map) {  
		            	if(map.head.respCode=="0000000"){
		                	alert("保存成功");
		                	window.location.href="list";
		                }else{
		                	alert(map.body);
		                }
		            },  
		            error : function(map) {  
		                alert("出现错误，请刷新页面");  
		            }  
		  
		        }) 
	        }
			function openNotice(){
				var ids = "";
				var objs = document.getElementsByName("chk");
				for(var i =0;i<objs.length;i++){
					if(objs[i].checked==true){
						ids = ids +objs[i].value+",";
					}
				}
				if(ids !=""){
					ids = ids.substring(0, ids.length-1);
					window.location.href="fillNotice?ids="+ids+"&proofingOrderId=${proofingOrderResult.id}";
				}else{
					alert("请选择子订单");
				}
			}
		
			 $("#check-all").on('ifUnchecked', function(event) {
                 //Uncheck all checkboxes
                 $("input[type='checkbox']", ".custormView").iCheck("uncheck");
             });
             //When checking the checkbox
             $("#check-all").on('ifChecked', function(event) {
                 //Check all checkboxes
                 $("input[type='checkbox']", ".custormView").iCheck("check");
             });
             
             $(function(){
            	 $('.conter').hide();
            	 $('.conter').prev().prev().click(toggleConter);
             })
             
             function toggleConter(){
            	 $('.conter').toggle();
            	 if($('.conter').css('display')=='none')
            		 $(this).html('查看详情');
            	 else
            		 $(this).html('收起');
             }
             
             /* 弹出图片框鼠标悬浮事件 */
             $('.iconR').hide();
     		$('.iconL').hide();
             
             $( ".Image" ).hover(
     		  function() {  
     			  $('.iconR').show();
     			    $('.iconL').show();  
     			  }, function() {  
     				  $('.iconR').hide();
     				    $('.iconL').hide(); 
     			  } 
     		); 
     		
     		function showImage(id,main){
             	$.ajax({
             		url:'../orderpattern/showImage',
             		type:'get',
             		data:{orderPatternId:id},
             		dataType:'json',
             		async:false,
             		success:function(result){
             			if(result.head.respCode='0000000'){
             				var image=result.body;
             				var div=$('#show_image').find('.modal-body');
             				div.find('img').remove();
             				div.find('#max').html(image.length);
             				for(var i=0;i<image.length;i++){
             					var path='${Application.accessFileUrl}'+image[i];
             					var img=$('<img src="'+path+'"></img>');
             					div.find('.iconR').before(img);
             					img.hide();
             					if(image[i]==main){
             						div.find('#num').html(i+1);
             						img.show();
             					}
             				}
             				div.find('.iconR').click(next);
             				div.find('.iconL').click(last);
             			}
             		}
             	});
             }
             function next(){
             	var span=$(this).parent().find('#num');
             	var num=span.html();
             	num=parseInt(num);
             	var max=$(this).parent().find('#max').html();
             	if(num==max) return;
             	$(this).parent().find('img').eq(num).show();
             	$(this).parent().find('img').eq(num-1).hide();
             	span.html(++num);
             }
             
             function last(){
             	var span=$(this).parent().find('#num');
             	var num=span.html();
             	num=parseInt(num);
             	if(num==1) return;
             	$(this).parent().find('img').eq(num-2).show();
             	$(this).parent().find('img').eq(num-1).hide();
             	span.html(num-1);
             }
             
             function saveMakeStatus(proofingPatternId, proofingOrderId) {
            		
            		confirm("是否确定提交批版通过操作?",function(flag){
            		
            			if(flag){
            				$.ajax({
            					type : "POST",
            					url : "../proofingpattern/saveMakeStatus",
            					dataType : "json",
            					data : {
            						proofingPatternId : proofingPatternId,
            						proofingOrderId : proofingOrderId
            					},
            					success : function(map) {
            						if (map.head.respCode == "0000000") {
            							success("保存成功",function(){
            								window.location.href = "detail?proofingPatternId="+proofingOrderId;
            							});
            							
            						} else {
            							alert(map.body);
            						}
            					},
            					error : function(map) {
            						alert("出现错误，请刷新页面");
            					}

            				})
            			}
            			
            		});
            		
            	}
            
             function saveBidPriceAdd(formId, proofingPatternId, proofingOrderId){
            		confirm("是否确定提交报价数据到下一流程?",function(flag){
            			if(!flag)return;
            			$("#"+formId).ajaxSubmit({
            	        type: "POST",
            	        dataType: "json",
            	        url: "../proofingpattern/saveBidPrice",
            	        data:{proofingPatternId:proofingPatternId,proofingOrderId:proofingOrderId},
            	        success : function(map) {  
            	        	if(map.head.respCode=="0000000"){
            	            	alert("保存成功");
            	            	window.location.href="list";
            	            }else{
            	            	alert(map.body);
            	            }
            	        },  
            	        error : function(map) {  
            	            alert("出现错误，请刷新页面");  
            	        }  

            	    });
            		})
            	}
    </script>
</html>
